$(function () {
    $("#bootstrap-table").bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : baseURL + 'article/nccmsarticleclass/page', // 服务器数据的加载地址
        showRefresh : true,
        showToggle : true,
		showColumns : true,
		showExport :true,
		sortName:"classId",// 排序列名称
		sortOrder: "desc", 
		sortable: true,
		toolbar : '#exampleToolbar',
 		striped : true, // 设置为true会有隔行变色效果
		dataType : "json", // 服务器返回的数据类型
		pagination : true, // 设置为true会在底部显示分页条
		// queryParamsType : "limit",
		// //设置为limit则会发送符合RESTFull格式的参数
		singleSelect : false, // 设置为true将禁止多选
		// contentType : "application/x-www-form-urlencoded",
		// //发送到服务器的数据编码类型
		pageSize : 10, // 如果设置了分页，每页数据条数
		pageNumber : 1, // 如果设置了分布，首页页码
		// search : true, // 是否显示搜索框
		sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
		// "server"    
		queryParams : function(params) {
			var search = vm.search;
			search.limit =params.limit,
			search.offset = params.offset,
			search.sidx = params.sort, //排序列名  
			search.order= params.order //排位命令（desc，asc） 
 			return search;  
 		},
 		
        columns: [		
        {
				checkbox : true
		},	
 
 		{
				field : 'classId', // 列字段名
				title : '分类编号 ', // 列标题
				sortable: true
		},
			 		
 
 		{
				field : 'pid', // 列字段名
				title : '上级分类', // 列标题
				sortable: true
		},
			 		
 
 		{
				field : 'name', // 列字段名
				title : '分类名称', // 列标题
				sortable: true
		},
			 		
 
 		{
				field : 'sort', // 列字段名
				title : '排序', // 列标题
				sortable: true
		},
			 		

		{
				title : '操作',
				field : 'id',
				align : 'center',
				formatter : function(value, row,index) 
				{
					var e = '<a  class="btn btn-primary btn-sm '
						+ ''
					    + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
					    + row.classId
					    + '\')"><i class="fa fa-edit "></i></a> ';
					var d = '<a class="btn btn-warning btn-sm '
						+ ''
						+ '" href="#" title="删除"  mce_href="#" onclick="remove(\''
						+ row.classId
						+ '\')"><i class="fa fa-remove"></i></a> ';
															 
					return e + d;
																		
				}
		}
        ],
		
    });
});

var vm = new Vue({
	el:'#rrapp',
	data:{
		search : {
					
				},
		showList: true,
		title: null,
		ncCmsArticleClass: {}
	},
	methods: {
		query: function () {
			vm.reload();
		},
		add: function(){
			vm.showList = false;
			vm.title = "新增";
			vm.ncCmsArticleClass = {};
		},
		update: function (event) {
			var classId = getSelectedRow();
			if(classId == null){
				return ;
			}
			vm.showList = false;
            vm.title = "修改";
            vm.getInfo(classId.classId);
 		},
		saveOrUpdate: function (event) {
			var url = vm.ncCmsArticleClass.classId == null ? "article/nccmsarticleclass/save" : "article/nccmsarticleclass/update";
			$.ajax({
				type: "POST",
			    url: baseURL + url,
                contentType: "application/json",
			    data: JSON.stringify(vm.ncCmsArticleClass),
			    success: function(r){
			    	if(r.code === 0){
						alert('操作成功', function(index){
							vm.reload();
						});
					}else{
						alert(r.msg);
					}
				}
			});
		},
		del: function (event) {
			var classIds = getSelectedRows();
			if(classIds == null){
				return ;
			}
				classIds = $.map(classIds, function(row) {
						return row.classId;
					});
			confirm('确定要删除选中的记录？', function(){
				$.ajax({
					type: "POST",
				    url: baseURL + "article/nccmsarticleclass/delete",
                    contentType: "application/json",
				    data: JSON.stringify(classIds),
				    success: function(r){
						if(r.code == 0){
							alert('操作成功', function(index){
								$("#jqGrid").trigger("reloadGrid");
							});
						}else{
							alert(r.msg);
						}
					}
				});
			});
		},
		getInfo: function(classId){
			$.get(baseURL + "article/nccmsarticleclass/info/"+classId, function(r){
                vm.ncCmsArticleClass = r.ncCmsArticleClass;
            });
		},
		reload: function (event) {
			vm.showList = true;
			$('#bootstrap-table').bootstrapTable('refresh');
		}
	}
});


		function edit(id) {

			layer.open({
				type : 2,
				title : '编辑',
				maxmin : true,
				//shadeClose : false, // 点击遮罩关闭层
				area : [ '800px', '520px' ],
				content : "ncCmsArticleClassEdit.html?classId=" + id // iframe的url
			});
		}

		function remove(id) {
			var arr = new Array();
			arr.push(id);
			confirm('确定要删除选中的记录？', function() {

				$.ajax({
					type : "POST",
					url : baseURL + "article/nccmsarticleclass/delete",
					contentType : "application/json",
					data : JSON.stringify(arr),
					success : function(r) {
						if (r.code == 0) {
							alert('操作成功', function() {
								vm.reload();
							});
						} else {
							alert(r.msg);
						}
					}
				});
			});
		}